<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>查询全部</title>
<link rel="stylesheet" href="../layui/css/layui.css">
<link rel="stylesheet" href="../layui/css/global.css">
<link rel="stylesheet" href="../css/admin.css">
<script src="../layui/layui.js"></script>
</head>
<body>

	<!-- 搜索表单开始 -->
	<form class="layui-form" action="product_query.do" method="post">
		<div class="layui-inline">
			<label class="layui-form-label">查询条件</label>
			<div class="layui-input-block">
			  <input type="text" name="cond" style="width: 400px;"  placeholder="请输入条件" autocomplete="off" class="layui-input">
			</div>
		</div>

		<div class="layui-inline">
			<input type="submit" id="selectBtn" class="layui-btn" data-type="reload" value="查询">
		</div>
		<div class="layui-inline">
			<input type="button" id="addBtn" class="layui-btn" data-type="reload" value="添加">
		</div>
	</form>
	<!-- 搜索表单结束 -->

	<!-- 操作工具条件开始 -->
	<script type="text/html" id="toolbarDemo">
		<div class="layui-btn-container">
			<button class="layui-btn layui-btn-warm layui-btn-xs" lay-event="delete">删除</button>
			<button class="layui-btn layui-btn-normal layui-btn-xs" lay-event="update">编辑</button>
		</div>
	</script>
	<!-- 操作工具条件结束 -->

	<!-- 动态数据表格-->
	<!-- 第一：定义页面结构 -->
	<table id="table_data" lay-filter="test" style="width: 80%;text-align: center" class="layui-table"></table>

	<!-- 第二：使用插件方法 -->
	<script>
		// 加载 table 模块
		layui.use('table',function(){
			// 实例化动态表格的实例对象
			let table = layui.table;

			// 定义动态表格相关的参数
			table.render({
				elem: '#table_data'
				,url:'queryAll.do'
				// ,page: true 	// 开启分页
				// ,limit:5
				// ,limits:[5,10]
				,cols:[[
					// {field: '实体对象的属性名称', title: '列头显示内容', width:宽, sort: 是否排序, fixed: '定位'}
					{field: 'productId', title: '商品编号', width:120, fixed: 'left'}
					,{field: 'productName', title: '商品名称', width:340, fixed: 'left'}
					,{field: 'productPrice', title: '商品价格', width:120, fixed: 'left', sort:true}
					,{field: 'productDate', title: '上货日期', width:130, fixed: 'left',templet:function(row) {
							let date = new Date(row.productDate);
							console.log(date);
							let year = date.getFullYear();

							let month = date.getMonth()+1 ;
							month = month<10?'0'+month:month ;

							let day = date.getDate();
							day = day<10?'0'+day:day ;

							return year + "-" + month + "-" + day ;
						}}
					,{field: 'productStatus', title: '商品状态', width:120, fixed: 'left',templet:function(row){
							// console.log(row)
							if(row.productStatus==1) {
								return '上架';
							} else{
								return '下架'
							}
						}}
					,{title: '操作', width:'100%', fixed: 'left',toolbar:'#toolbarDemo'}
				]]
				// 把后台数据转换为layui中table组件所要求的数据格式
				,parseData:function( res ) {
					return {
						"code":res.code==200?0:'-1',
						"data":res.data
					};
				}
			});

		}) ;
	</script>
</body>
</html>